<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="styles/global.css">
    <link rel="stylesheet" href="styles/sites.css">
    <link rel="stylesheet" href="styles/slide.css">
    <title>美上美电子商务</title>
</head>
<body>
      <div id="header">
          <nav class="header-nav">
              <div class="header-logo">
                <a href="">  <img src="./images/logo.png" alt="美上美logo"></a>
              </div>
              <div class="nav">
                <ul>
                  <li><a href="./index.html">首页</a></li>
                  <li  class="active"><a href="./store.html">商店</a></li>
                  <li><a href="./service.html">服务</a></li>
                  <li><a href="contact.html">联系我们</a></li>
                  <li><a href="about.html">关于我们</a></li>
                </ul>
              </div>
              <div class="nav-right">
                  <a href="">登录</a>
                  <a class="active" href="">免费注册</a>
              </div>
              <div class="clearfix"></div>
          </nav>
      </div>
      <div class="container" id="container">
          <div class="content">
            <section  id="banner">
                    <img class="slide-item" src="./images/banners/b2.jpg" alt="">
                    <img class="slide-item" src="./images/banners/b1.jpg" alt="">
                    <img class="slide-item" src="./images/banners/b3.jpg" alt="">
            </section>
                <section class="section-container breadcrumb">
                <div class="section-inner">
                  <div class="breadcrumb-title pull-left">
                    <h5>商店</h5>
                  </div>
                  <div class="breadcrumb-nav pull-right">
                    <ul><li><a href="./index.html">首页</a></li>
                      <li>></li>
                    <li><a href="./store.html">商店</a></li></ul>
                  </div>
                  <div class="clearfix"></div>
                </div>
                </section>
                <section class="section-container store">
                      <div class="section-inner">
                          <p class="search"><input type="text"><button></button></p>
                          <div class="store-goods-cat">
                            <span class="active">门禁系统</span>
                            <span>小票打印机</span>
                            <span>手环设备</span>
                          </div>
                          <div class="store-goods-list">
                            <ul>
                              <li>
                                <a href="">
                                  <img src="./images/products.png" alt="">
                                  <div class="products-info">
                                        <h5>XXX多功能打印机</h5>
                                        <p><span class="products-price">¥&nbsp;90</span><small>市场价：¥100</small></p>
                                        <div class="products-add-car">加入购物车</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="">
                                  <img src="./images/products.png" alt="">
                                  <div class="products-info">
                                        <h5>XXX多功能打印机</h5>
                                        <p><span class="products-price">¥&nbsp;90</span><small>市场价：¥100</small></p>
                                        <div class="products-add-car">加入购物车</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="">
                                  <img src="./images/products.png" alt="">
                                  <div class="products-info">
                                        <h5>XXX多功能打印机</h5>
                                        <p><span class="products-price">¥&nbsp;90</span><small>市场价：¥100</small></p>
                                        <div class="products-add-car">加入购物车</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="">
                                  <img src="./images/products.png" alt="">
                                  <div class="products-info">
                                        <h5>XXX多功能打印机</h5>
                                        <p><span class="products-price">¥&nbsp;90</span><small>市场价：¥100</small></p>
                                        <div class="products-add-car">加入购物车</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="">
                                  <img src="./images/products.png" alt="">
                                  <div class="products-info">
                                        <h5>XXX多功能打印机</h5>
                                        <p><span class="products-price">¥&nbsp;90</span><small>市场价：¥100</small></p>
                                        <div class="products-add-car">加入购物车</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="">
                                  <img src="./images/products.png" alt="">
                                  <div class="products-info">
                                        <h5>XXX多功能打印机</h5>
                                        <p><span class="products-price">¥&nbsp;90</span><small>市场价：¥100</small></p>
                                        <div class="products-add-car">加入购物车</div>
                                  </div>
                                </a>
                              </li>
                            </ul>
                          </div>
                          <div class="clearfix"></div>
                      </div>
                </section>
                <section class="section-container store-hot">
                    <div class="section-inner">
                      <div class="store-hot-list">
                        <h5>热销产品</h5>
                        <ul>
                          <li>
                              <div class="service-image">
                                <img src="./images/service-pic2.png" alt="">
                              </div>
                              <div class="service-detail">
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                                <p class="store-hot-addcar"><span>加入购物车</span></p>
                              </div>
                            </a>
                          </li>
                          <li>
                              <div class="service-image">
                                <img src="./images/service-pic1.png" alt="">
                              </div>
                              <div class="service-detail">
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                                <p class="store-hot-addcar"><span>加入购物车</span></p>
                              </div>
                          </li>
                        </ul>
                        <div class="clearfix"></div>
                      </div>
                    </div>
                </section>
          </div>
      </div>
      <div class="footer" id="footer">
          <div class="footer-wrapper">
              <div class="footer-indro pull-left">
                  <p><span>地址：</span><span>成都市高新区天府大道北段1480号德商国际B座403-1</span></p>
                  <p><span>电话：</span><span>028-8288 0401  </span></p>
                  <p><span>E-mail：</span><span>info@3may.cn</span></p>
                  <p><span>Copyright © 2017 成都美上美电子商务有限公司 All Rights Reserved</span></p>
                  <p><span>备案号：</span><a href="">蜀ICP备17034443号</a></p>
              </div>
              <div class="footer-qrcode pull-right">
                <img src="./images/qrcode.png" alt="">
                <p>扫一扫&nbsp;关注我们</p>
              </div>
              <div class="clearfix"></div>
          </div>
      </div>
      <script type="text/javascript" src="./scripts/slider.js"></script>
      <script type="text/javascript">
        var slide =new slider({el:'#banner',height:'316.17px'});
      </script>
</body>
</html>
